<template>
	<view class="index">
		<nav-bars backState="1000" bgColor="#fff" fontColor="#000" title="店铺客服配置"></nav-bars>
		<view class="kefu">
			<view class="kefu_icon"><image src="../../static/mall/kefu.png" mode="widthFix"></image></view>
			<view class="kefu-tit">店铺客服按钮展示</view>
			<view class="kefu-comt">
				<text>可选择单名或者多名员工，配置客服按钮</text>
				<text>客户通过点击小店铺客服按钮，即可获得员工</text>
				<text>联系方式，主动联系到员工</text>
			</view>
		</view>
		<view class="kefu-btn" @click="getlist()">开始配置</view>
	</view>
</template>

<script>

export default {
	data() {
		return {
           orderid:'',
		   type:'',
		   title:'',
		}
	},
	onLoad(e) {
		
	},
	methods: {
		index(){
			uni.switchTab({
				url:'/pages/index/list'
			})
		},
		getlist(){
			uni.navigateTo({
				url:'/pages_now/pages/service/list'
			})
		},
	}
}
</script>

<style lang="scss" scoped>
.index{
	width: 100%;height: 100vh;background: #fff;display: flex;flex-flow: column;
}
.kefu{
	padding: 30rpx 20rpx;
}
.kefu .kefu_icon{
	width: 60%;
	margin: auto;
	margin-top: 100rpx;
	margin-bottom: 70rpx;
}
.kefu-tit{
	line-height: 60rpx;
	text-align: center;
	font-size: 34rpx;
	margin-bottom: 50rpx;
}
.kefu-comt text{
	display: block;
	text-align: center;
	line-height: 40rpx;
	font-size: 26rpx;
	color: #666;
}
.kefu-btn{
	width: 70%;
	margin: 50rpx auto;
	line-height: 80rpx;
	text-align: center;
	border-radius: 50rpx;
	background: #cdb78d;
	color: #fff;
}
</style>